<template>
  <div>
    <h4>ChildOne组件</h4>
    <p>vuex中记录的 msg 数据：{{ msg }}</p>
    <p>vuex中记录的 perc 数据：{{ perc }}</p>
    <p>vuex中记录的 types 数据： {{ types }}</p>
  </div>
</template>

<script>
// import $ from "jquery";
export default {
  computed: {
    msg() {
      return this.$store.state.msg;
    },
    perc() {
      return this.$store.getters.perc;
    },
    types() {
      return this.$store.state.types;
    },
  },
  methods: {
    // loadTypes() {
    //   $.get(
    //     "http://139.196.82.122:8080/api/v1/index/category",
    //     ({ code, data, msg }) => {
    //       if (code == 200) {
    //         this.$store.commit("setTypes", data);
    //       } else {
    //         alert(msg);
    //       }
    //     }
    //   );
    // },
  },
  created() {
    // this.loadTypes();
    this.$store.dispatch("loadTypes");
  },
};
</script>
